<template>
    <div class="describle">
        <div class="desc-container">
            <p  v-for="item in this.descContent">{{ item.content }}</p>
        </div>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    name: 'describle',
    data() {
        return {
            descContent: ''
        }
    },
    created() {
        this.getDescribleContent()
        console.log('cccc---->', this.descContent)
    },
    methods: {
        async getDescribleContent() {
            await axios.get('static/config/static-content.json')
                .then(res => {
                    console.log(res.data.staticContent)
                    this.descContent = res.data.staticContent
                })
            // return describleContent.data.staticContent
        }
    }
}
</script>

<style lang="less" scoped>
@import '../../style/sport-variable';
.describle {
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    margin-top: -5px;
    overflow: hidden;
    .desc-container {
        height: 100%;
        padding: 6px 20px;
        color: @color-static-content;
        p {
            line-height: 20px;
            text-align: justify;
            text-indent:2em;
        }
    }
}
</style>
